<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="core/templates/header.jsp"></jsp:include>
</head>
<body class="header1 activateAppearAnimation">
	<div id="globalWrapper">
		<jsp:include page="core/templates/mainMenu.jsp"></jsp:include>
		<jsp:include page="core/templates/banner.jsp"></jsp:include>
		<!-- Content -->
		<section style="background: url('core/images/feature.png') repeat;">
			<div class="container ">
				<div class="row mt15 mb30" style="min-height: 800px;">
					<div class="col-md-12 pb15 mt15">
						<h2>รายละเอียดของงาน</h2>
					</div>
					<!-- Content -->
					<div class="col-md-9">
						<div class="color0 boxcontent mb05">
							<div class="row">
								<div class="col-md-12 font2 mb05 textColorBlack">
									<i class="icon-briefcase"
										style="color: #969696; font-size: 20px;"></i>
									<s:property value="model.jobDetail.job.jobName" />
								</div>
							</div>
						</div>
						<div class="color0 boxcontent">
							<div class="row">
								<div class="col-md-12">
									<div class="row ">
										<div class="col-md-12 mb05">
											<span class="font4 label label-info"><b>รายละเอียดของงาน</b></span>
										</div>
										<div class="col-md-12" style="padding-left: 2em">
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ระดับความน่าเชื่อถือ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<span class="textColorYelow"> <s:iterator
															var="counter" begin="1"
															end="model.jobDetail.user.trustLevel">
															<i class="icon-star"></i>
														</s:iterator> <s:iterator var="counter" begin="1"
															end="5 - model.jobDetail.user.trustLevel">
															<i class="icon-star-empty"></i>
														</s:iterator>
													</span>
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ประเภทงาน</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:property value="model.aptitudeTypeNameOfJob" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ทักษะที่เกี่ยวข้อง</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:iterator value="model.jobDetail.listAptitude">
														<span class="tags"><s:property value="aptitudeName" /></span>
													</s:iterator>
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">จังหวัด</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:property value="model.jobDetail.job.workArea" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">วันที่โพส</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:date name="model.jobDetail.postDate"
														format="dd MMMM yyyy" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ลักษณะการว่าจ้าง</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:property value="model.jobDetail.job.formatTime" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ค่าตอบแทน</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9 textColorBlack">
													<s:set name="formatTime"
														value="model.jobDetail.job.formatTime"></s:set>
													<s:if test="%{#formatTime=='รายชั่วโมง'}">
														<b><s:property
																value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท/ชั่วโมง
																<s:set name="formatTimeUnit" value="%{'บาท/ชั่วโมง'}"></s:set>
													</s:if>
													<s:elseif test="%{#formatTime=='รายวัน'}">
														<b><s:property
																value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท/วัน
															<s:set name="formatTimeUnit" value="%{'บาท/วัน'}"></s:set>
													</s:elseif>
													<s:elseif test="%{#formatTime=='รายเดือน'}">
														<b><s:property
																value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท/เดือน
															<s:set name="formatTimeUnit" value="%{'บาท/เดือน'}"></s:set>
													</s:elseif>
													<s:elseif test="%{#formatTime=='เหมาจ่าย'}">
														<b><s:property
																value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท
															<s:set name="formatTimeUnit" value="%{'บาท'}"></s:set>
													</s:elseif>
													<s:else>
														<b><s:property
																value="model.jobDetail.job.paymentOfJob.minPrice" /> -
															<s:property
																value="model.jobDetail.job.paymentOfJob.maxPrice" /></b> บาท
															<s:set name="formatTimeUnit" value="%{'บาท'}"></s:set>
													</s:else>
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ระยะเวลาทำงาน</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:date name="model.jobDetail.job.startDateOfJob"
														format="dd MMMM yyyy" />
													-
													<s:date name="model.jobDetail.job.startDateOfJob"
														format="dd MMMM yyyy" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">รายละเอียดงาน</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:property value="model.jobDetail.job.descriptionOfJob" />
												</div>
											</div>
										</div>
									</div>
									<hr class="lineLines mt15">


									<div class="row">
										<div class="col-md-12 mb05">
											<span class="font4 label label-info "><b>รายละเอียดของการร้องของาน</b></span>
										</div>
										<div class="col-md-12" style="padding-left: 2em">
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">ระยะเวลาการร้องของาน</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:date name="model.jobDetail.postDate"
														format="dd MMMM yyyy" />
													-
													<s:date name="model.jobDetail.endDateOfPost"
														format="dd MMMM yyyy" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack"><s:if
															test='%{model.authorizeJob.statusAuthorizeJob.equals("P")}'>จำนวนผู้สนใจงานนี้</s:if>
														<s:else>จำนวนผู้ร้องของานนี้</s:else></b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													จำนวน <b class="textColorBlack"><s:property
															value="model.jobDetail.amountRequestPost" /></b> คน
												</div>
											</div>

											<s:if
												test='%{model.authorizeJob.statusAuthorizeJob.equals("P")}'>
												<s:if test="model.requestJobRequestStatus.size()!=0">

												</s:if>
												<div class="row mt15">
													<div class="col-md-12 col-sm-12col-xs-12">
														<!-- Nav tabs -->
														<ul class="nav nav-tabs">
															<li class="active"><a href="#status_requestJob"
																data-toggle="tab">ร้องของาน&nbsp;<span class="badge"><s:property
																			value="model.requestJobRequestStatus.size()" /></span></a></li>
															<li class=""><a href="#status_approved"
																data-toggle="tab">รอฟรีแลนซ์ยืนยัน&nbsp;<span
																	class="badge"><s:property
																			value="model.requestJobApprovedStatus.size()" /></span></a></li>
															<li class=""><a href="#status_panding"
																data-toggle="tab">กำลังทำงาน&nbsp;<span
																	class="badge"><s:property
																			value="model.requestJobWorkingStatus.size()" /></span></a></li>
															<li><a href="#status_estimate" data-toggle="tab">ประเมินงาน&nbsp;<span
																	class="badge"><s:property
																			value="model.requestJobEstimateStatus.size()" /></span></a></li>
															<li><a href="#status_successfully" data-toggle="tab">เสร็จสมบูรณ์&nbsp;<span
																	class="badge"><s:property
																			value="model.requestJobSuccessStatus.size()" /></span></a></li>
															<li><a href="#status_cancel" data-toggle="tab">ยกเลิกการทำงาน&nbsp;<span
																	class="badge"><s:property
																			value="model.requestJobCancelStatus.size()" /></span></a></li>

														</ul>

														<div class="tab-content ">
															<!-- Tab status_requestJob -->
															<div class="tab-pane active fade in"
																id="status_requestJob">
																<div class="row mt05">
																	<div class="col-md-12">
																		<s:if test="model.requestJobRequestStatus.size()!=0">
																			<div class="row mt05">
																				<div class="col-md-12 col-sm-12col-xs-12">
																					<div class="table-responsive">
																						<table
																							class="table table-striped table-hover textCenter">
																							<thead class="textColorBlack">
																								<tr class="filters ">
																									<th>ลำดับ</th>
																									<th class="textCenter">ผู้ร้องขอ</th>
																									<th class="textCenter">วันที่ร้องขอ</th>
																									<th class="textCenter">ระดับความน่าเชื่อถือผู้ร้องขอ</th>
																									<s:if test="%{#formatTime=='เสนอราคา'}">
																										<th class="textCenter">ราคางานผู้ร้องขอเสนอ</th>
																									</s:if>
																									<th></th>
																								</tr>
																							</thead>
																							<tbody>
																								<s:iterator
																									value="model.requestJobRequestStatus"
																									status="i">
																									<tr>
																										<td><s:property value="#i.count" /></td>
																										<td><a href="freelanceDetailPage.jsp"><s:property
																													value="user.alias" /></a></td>
																										<td><s:date
																												name="listStatusOfRequest[0].dateTime"
																												format="dd MMMM yyyy" /></td>
																										<td><span class="textColorYelow">
																												<s:iterator var="counter" begin="1"
																													end="user.trustLevel">
																													<i class="icon-star"></i>
																												</s:iterator> <s:iterator var="counter" begin="1"
																													end="5 - user.trustLevel">
																													<i class="icon-star-empty"></i>
																												</s:iterator>
																										</span></td>
																										<s:if test="%{#formatTime=='เสนอราคา'}">
																											<td><s:property
																													value="listStatusOfRequest[0].priceOfBid" />
																												<s:property value="#formatTimeUnit" /></td>
																										</s:if>
																										<td>
																											<button type="button"
																												class="btn btn-success btn-xs"
																												data-toggle="modal"
																												data-target="#btnApproved<s:property value="#i.index"/><s:property value="user.idCard"/>">
																												<span class="fontHeader4"><i
																													class="icon-ok iconSmall"></i> อนุมัติ</span>
																											</button>

																											<button type="button"
																												class="btn btn-danger btn-xs"
																												data-toggle="modal"
																												data-target="#btnDisApproved<s:property value="#i.index"/><s:property value="user.idCard"/>">
																												<span class="fontHeader4"><i
																													class="icon-cancel iconSmall"></i>
																													ไม่อนุมัติ</span>
																											</button>

																										</td>
																									</tr>
																									<s:include
																										value="modalDisApproveRequestJob.jsp" />
																									<s:include value="modalApproveRequestJob.jsp"></s:include>

																								</s:iterator>
																							</tbody>
																						</table>
																					</div>
																				</div>
																			</div>
																		</s:if>
																		<s:else>
																			<div class="col-md-12 col-sm-12 col-xs-12">
																				<div class="col-md-12 mt05">
																					<div class="alert alert-success pb05 pt05">
																						<p align="center">
																							<b>*** ไม่พบผู้ที่ร้องของานนี้
																								ในสถานะการร้องของานนี้***</b>
																						</p>
																					</div>
																				</div>
																			</div>
																		</s:else>
																	</div>
																</div>
															</div>


															<!-- Tab status_approved -->
															<div class="tab-pane fade in" id="status_approved">
																<div class="row mt05">
																	<s:if test="model.requestJobApprovedStatus.size()!=0">
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="table-responsive">
																				<table
																					class="table table-striped table-hover textCenter">
																					<thead class="textColorBlack">
																						<tr class="filters ">
																							<th class="textCenter">ลำดับ</th>
																							<th class="textCenter">ผู้ร้องขอ</th>
																							<th class="textCenter">วันที่ร้องขอ</th>
																							<th class="textCenter">วันที่อนุมัติการร้องขอ</th>
																							<s:if test="%{#formatTime=='เสนอราคา'}">
																								<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																							</s:if>
																							<th></th>
																						</tr>
																					</thead>
																					<tbody>
																						<s:iterator value="model.requestJobApprovedStatus"
																							status="i">
																							<tr>
																								<td><s:property value="#i.count" /></td>
																								<td><s:property value="user.alias" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<s:if test="%{#formatTime=='เสนอราคา'}">
																									<td><s:property
																											value="listStatusOfRequest[0].priceOfBid" />
																										<s:property value="#formatTimeUnit" /></td>
																								</s:if>
																								<td><a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-primary btn-xs">
																											<span class="fontHeader4"><i
																												class="glyphicon glyphicon-user iconSmall"></i>
																												ดูโปรไฟล์</span>
																										</button></a></td>
																							</tr>
																						</s:iterator>
																					</tbody>
																				</table>
																			</div>
																		</div>
																	</s:if>
																	<s:else>
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="col-md-12 mt05">
																				<div class="alert alert-success pb05 pt05">
																					<p align="center">
																						<b>*** ไม่พบผู้ที่ร้องของานนี้ ในสถานะ
																							รอฟรีแลนซ์ยืนยันการทำงานนี้ ***</b>
																					</p>
																				</div>
																			</div>
																		</div>
																	</s:else>
																</div>
															</div>

															<!-- Tab status_work -->
															<div class="tab-pane fade in" id="status_panding">
																<div class="row mt05">
																	<s:if test="model.requestJobWorkingStatus.size()!=0">
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="table-responsive">
																				<table
																					class="table table-striped table-hover textCenter">
																					<thead class="textColorBlack">
																						<tr class="filters ">
																							<th class="textCenter">ลำดับ</th>
																							<th class="textCenter">ผู้ร้องขอ</th>
																							<th class="textCenter">วันที่ร้องขอ</th>
																							<th class="textCenter">วันที่เริ่มทำงาน</th>
																							<s:if test="%{#formatTime=='เสนอราคา'}">
																								<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																							</s:if>
																							<th></th>
																						</tr>
																					</thead>
																					<tbody>
																						<s:iterator value="model.requestJobWorkingStatus"
																							status="i">
																							<tr>
																								<td><s:property value="#i.count" /></td>
																								<td><s:property value="user.alias" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<s:if test="%{#formatTime=='เสนอราคา'}">
																									<td><s:property
																											value="listStatusOfRequest[0].priceOfBid" />
																										<s:property value="#formatTimeUnit" /></td>
																								</s:if>
																								<td><a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-primary btn-xs">
																											<span class="fontHeader4"><i
																												class="glyphicon glyphicon-user iconSmall"></i>
																												ดูโปรไฟล์</span>
																										</button></a></td>
																							</tr>
																						</s:iterator>
																					</tbody>
																				</table>
																			</div>
																		</div>
																	</s:if>
																	<s:else>
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="col-md-12 mt05">
																				<div class="alert alert-success pb05 pt05">
																					<p align="center">
																						<b>*** ไม่พบผู้ที่ร้องของานนี้
																							ในสถานะกำลังทำงาน ***</b>
																					</p>
																				</div>
																			</div>
																		</div>
																	</s:else>
																</div>
															</div>

															<!-- Tab status_estimate -->
															<div class="tab-pane  fade in" id="status_estimate">
																<div class="row mt05">
																	<s:if test="model.requestJobEstimateStatus.size()!=0">
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="table-responsive">
																				<table
																					class="table table-striped table-hover textCenter">
																					<thead class="textColorBlack">
																						<tr class="filters ">
																							<th class="textCenter">ลำดับ</th>
																							<th class="textCenter">ผู้ร้องขอ</th>
																							<th class="textCenter">วันที่เริ่มทำงาน</th>
																							<th class="textCenter">วันที่ทำงานเสร็จสมบูรณ์</th>
																							<s:if test="%{#formatTime=='เสนอราคา'}">
																								<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																							</s:if>
																							<th></th>
																						</tr>
																					</thead>
																					<tbody>
																						<s:iterator value="model.requestJobEstimateStatus"
																							status="i">
																							<tr>
																								<td><s:property value="#i.count" /></td>
																								<td><s:property value="user.alias" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<s:if test="%{#formatTime=='เสนอราคา'}">
																									<td><s:property
																											value="listStatusOfRequest[0].priceOfBid" />
																										<s:property value="#formatTimeUnit" /></td>
																								</s:if>
																								<td><a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-primary btn-xs">
																											<span class="fontHeader4"><i
																												class="glyphicon glyphicon-user iconSmall"></i>
																												ดูโปรไฟล์</span>
																										</button></a>&nbsp;
																									<button type="button"
																										class="btn btn-warning btn-xs"
																										data-toggle="modal"
																										data-target="#btnEstimate<s:property value="#i.index"/><s:property value="user.idCard"/>">
																										<span class="fontHeader4"><i
																											class="icon-pencil iconSmall"></i>
																											ทำการประเมิน</span>
																									</button> <s:include value="modalEstimateRequestJob.jsp"></s:include>
																								</td>
																							</tr>
																						</s:iterator>
																					</tbody>
																				</table>
																			</div>
																		</div>
																	</s:if>
																	<s:else>
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="col-md-12 mt05">
																				<div class="alert alert-success pb05 pt05">
																					<p align="center">
																						<b>*** ไม่พบผู้ที่ร้องของานนี้
																							ในสถานะรอการประเมินจากผู้ว่าจ้าง ***</b>
																					</p>
																				</div>
																			</div>
																		</div>
																	</s:else>
																</div>
															</div>

															<!-- Tab status_successfully -->
															<div class="tab-pane fade in" id="status_successfully">
																<div class="row mt05">
																	<s:if test="model.requestJobSuccessStatus.size()!=0">
																		<div class="col-md-12 col-sm-12col-xs-12">
																			<div class="table-responsive">
																				<table
																					class="table table-striped table-hover textCenter">
																					<thead class="textColorBlack">
																						<tr class="filters ">
																							<th class="textCenter">ลำดับ</th>
																							<th class="textCenter">ผู้ร้องขอ</th>
																							<th class="textCenter">วันที่เริ่มทำงาน</th>
																							<th class="textCenter">วันที่ทำงานเสร็จสมบูรณ์</th>
																							<s:if test="%{#formatTime=='เสนอราคา'}">
																								<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																							</s:if>
																							<th></th>
																						</tr>
																					</thead>
																					<tbody>
																						<s:iterator value="model.requestJobSuccessStatus"
																							status="i">
																							<tr>
																								<td><s:property value="#i.count" /></td>
																								<td><s:property value="user.alias" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<s:if test="%{#formatTime=='เสนอราคา'}">
																									<td><s:property
																											value="listStatusOfRequest[0].priceOfBid" />
																										<s:property value="#formatTimeUnit" /></td>
																								</s:if>
																								<td><a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-primary btn-xs">
																											<span class="fontHeader4"><i
																												class="glyphicon glyphicon-user iconSmall"></i>
																												ดูโปรไฟล์</span>
																										</button></a>&nbsp;<a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-success btn-xs">
																											<span class="fontHeader4"><i
																												class="icon-check iconSmall"></i>
																												ดูผลการประเมิน</span>
																										</button></a></td>
																							</tr>
																						</s:iterator>
																					</tbody>
																				</table>
																			</div>
																		</div>
																	</s:if>
																	<s:else>
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="col-md-12 mt05">
																				<div class="alert alert-success pb05 pt05">
																					<p align="center">
																						<b>*** ไม่พบผู้ที่ร้องของานนี้
																							ในสถานะงานเสร็จสมบูรณ์ ***</b>
																					</p>
																				</div>
																			</div>
																		</div>
																	</s:else>
																</div>
															</div>

															<!-- Tab status_cancel -->
															<div class="tab-pane fade in" id="status_cancel">
																<div class="row mt05">
																	<s:if test="model.requestJobCancelStatus.size()!=0">
																		<div class="col-md-12 col-sm-12col-xs-12">
																			<div class="table-responsive">
																				<table
																					class="table table-striped table-hover textCenter">
																					<thead class="textColorBlack">
																						<tr class="filters ">
																							<th class="textCenter">ลำดับ</th>
																							<th class="textCenter">ผู้ร้องขอ</th>
																							<th class="textCenter">วันที่เริ่มทำงาน</th>
																							<th class="textCenter">วันที่ทำงานเสร็จสมบูรณ์</th>
																							<s:if test="%{#formatTime=='เสนอราคา'}">
																								<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																							</s:if>
																							<th></th>
																						</tr>
																					</thead>
																					<tbody>
																						<s:iterator value="model.requestJobCancelStatus"
																							status="i">
																							<tr>
																								<td><s:property value="#i.count" /></td>
																								<td><s:property value="user.alias" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<td><s:date
																										name="listStatusOfRequest[0].dateTime"
																										format="dd MMMM yyyy" /></td>
																								<s:if test="%{#formatTime=='เสนอราคา'}">
																									<td>ss<s:property
																											value="listStatusOfRequest[0].priceOfBid" />
																										<s:property value="#formatTimeUnit" /></td>
																								</s:if>
																								<td><a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-primary btn-xs">
																											<span class="fontHeader4"><i
																												class="glyphicon glyphicon-user iconSmall"></i>
																												ดูโปรไฟล์</span>
																										</button></a>&nbsp;<a href="freelanceDetailPage.jsp"><button
																											type="button" class="btn btn-success btn-xs">
																											<span class="fontHeader4"><i
																												class="icon-check iconSmall"></i>
																												ดูผลการประเมิน</span>
																										</button></a></td>
																							</tr>
																						</s:iterator>
																					</tbody>
																				</table>
																			</div>
																		</div>
																	</s:if>
																	<s:else>
																		<div class="col-md-12 col-sm-12 col-xs-12">
																			<div class="col-md-12 mt05">
																				<div class="alert alert-success pb05 pt05">
																					<p align="center">
																						<b>*** ไม่พบผู้ที่ร้องของานนี้
																							ในสถานะยกเลิกการทำงาน ***</b>
																					</p>
																				</div>
																			</div>
																		</div>
																	</s:else>
																</div>
															</div>
														</div>
													</div>
												</div>
											</s:if>
											<s:else>
												<s:if test="model.jobDetail.amountRequestPost!=0">
													<div class="row mt05">
														<div class="col-md-12 col-sm-12 col-xs-12">
															<div class="table-responsive">
																<table
																	class="table table-striped table-hover textCenter">
																	<thead>
																		<tr class="filters textColorBlack">
																			<th>ลำดับ</th>
																			<th class="textCenter">ผู้ร้องขอ</th>
																			<th class="textCenter">วันที่ร้องขอ</th>
																			<th class="textCenter">ระดับความน่าเชื่อถือของผู้ร้องขอ</th>
																			<s:if test="%{#formatTime=='เสนอราคา'}">
																				<th class="textCenter">ค่าตอบแทนที่ผู้ร้องขอเสนอ</th>
																			</s:if>
																		</tr>
																	</thead>
																	<tbody>
																		<s:iterator value="model.jobDetail.listRequestJob"
																			status="i">
																			<tr>
																				<td><s:property value="#i.count" /></td>
																				<td><s:property value="user.alias" /></td>
																				<td><s:date
																						name="listStatusOfRequest[0].dateTime"
																						format="dd MMMM yyyy" /></td>
																				<td><span class="textColorYelow"> <s:iterator
																							var="counter" begin="1" end="user.trustLevel">
																							<i class="icon-star"></i>
																						</s:iterator> <s:iterator var="counter" begin="1"
																							end="5 - user.trustLevel">
																							<i class="icon-star-empty"></i>
																						</s:iterator>
																				</span></td>
																				<s:if test="%{#formatTime=='เสนอราคา'}">
																					<td><s:property
																							value="listStatusOfRequest[0].priceOfBid" /> <s:property
																							value="#formatTimeUnit" /></td>
																				</s:if>
																			</tr>
																		</s:iterator>
																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</s:if>
											</s:else>
										</div>
									</div>





									<s:if
										test='%{model.authorizeJob.statusAuthorizeJob.equals("E") || model.authorizeJob.statusAuthorizeJob.equals("A")  || model.authorizeJob.statusAuthorizeJob.equals("S")
											|| model.authorizeJob.statusAuthorizeJob.equals("W")  || model.authorizeJob.statusAuthorizeJob.equals("R") || model.authorizeJob.statusAuthorizeJob.equals("D")
											}'>
										<hr class="lineLines mt15">
										<div class="row">
											<div class="col-md-12 mb05">
												<span class="font4 label label-info "><b>รายละเอียดของการร้องของานนี้ของคุณ</b></span>
											</div>

											<div class="col-md-12" style="padding-left: 2em">
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">วันที่ร้องขอ</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:date
															name="model.requestJobDetail.listStatusOfRequest[0].dateTime"
															format="dd MMMM yyyy" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">สถานะการร้องของาน</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property
															value="model.requestJobDetail.listStatusOfRequest[0].requestType.requestTypeName" />
													</div>
												</div>
												<s:if test="%{#formatTime=='เสนอราคา'}">
													<div class="row mt05">
														<div class="col-md-3 col-sm-3 col-xs-3">
															<b class="textColorBlack">ค่าตอบแทนที่ผู้ร้องขอเสนอ</b> :
														</div>
														<div class="col-md-9 col-sm-9 col-xs-9">
															<s:property
																value="model.requestJobDetail.listStatusOfRequest[0].priceOfBid" />
														</div>
													</div>
												</s:if>
												<s:if
													test='model.authorizeJob.statusAuthorizeJob.equals("S")'>

													<div class="row mt05">
														<div class="col-md-3 col-sm-3 col-xs-3">
															<b class="textColorBlack">ผลการประเมินงาน
																(ยังไม่สเร็จ)</b> :
														</div>
														<div class="col-md-9 col-sm-9 col-xs-9">
															<span class="textColorYelow"> <i class="icon-star"></i>
																<i class="icon-star"></i> <i class="icon-star"></i> <i
																class="icon-star-empty"></i> <i class="icon-star-empty"></i>
															</span>
														</div>
													</div>
													<div class="row mt05">
														<div class="col-md-3 col-sm-3 col-xs-3">
															<b class="textColorBlack">คำติชมจากผู้ว่าจ้าง
																(ยังไม่เสร็จ)</b> :
														</div>
														<div class="col-md-9 col-sm-9 col-xs-9">ทำงานได้ดี
															ตรงต่อเวลา ไม่มีการเบี้ยวงาน</div>
													</div>
												</s:if>
											</div>
										</div>
									</s:if>
























									<hr class="lineLines mt15">
									<div class="row mb30">
										<div class="col-md-12 mb05">
											<span class="font4 label label-info "><b>รายละเอียดของผู้ว่าจ้าง</b></span>
										</div>
										<s:if
											test='%{model.authorizeJob.statusAuthorizeJob.equals("P") || model.authorizeJob.statusAuthorizeJob.equals("W") || model.authorizeJob.statusAuthorizeJob.equals("E") || model.authorizeJob.statusAuthorizeJob.equals("S")}'>

											<div class="col-md-12" style="padding-left: 2em">
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">ชื่อผู้ว่าจ้าง</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.name_th" />
														<s:property value="model.jobDetail.user.lastName_th" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">เพศ</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.gender" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">เบอร์โทรศัพท์</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.phone" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">เบอร์แฟกซ์</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.fax" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">อีเมล</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.email" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">Facebook</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.facebook" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">Line ID</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.line" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">Twitter</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.twitter" />
													</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b class="textColorBlack">เว็บไซต์</b> :
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">
														<s:property value="model.jobDetail.user.website" />
													</div>
												</div>
											</div>
										</s:if>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("R")'>
											<div class="col-md-10 col-md-offset-1">
												<div class="alert alert-info mt15">
													<p align="center">
														<b>*** ท่านได้ทำการร้องของานนี้แล้ว
															กรุณารอผลการอนุมัติจากผู้ว่าจ้าง ***</b>
													</p>
												</div>
											</div>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("A")'>
											<div class="col-md-10 col-md-offset-1">
												<div class="alert alert-info mt15">
													<p align="center">
														<b>*** ท่านได้รับการอนุมัติการร้องของานนี้แล้ว
															กรุณากดปุ่ม ยืนยันการทำงานนี้ ***</b>
													</p>
												</div>
											</div>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("D")'>
											<div class="col-md-10 col-md-offset-1">
												<div class="alert alert-info mt15">
													<p align="center">
														<b>*** ท่านไม่ได้รับการอนุมัติการร้องของานนี้ ***</b>
													</p>
												</div>
											</div>
										</s:elseif>
										<s:else>
											<div class="col-md-10 col-md-offset-1">
												<div class="alert alert-info mt15">
													<p align="center">
														ท่านไม่สามารถดูรายละเอียดของผู้ว่าจ้างได้ กรุณา <b>"กดปุ่มเพื่อร้องของาน"</b>
														เพื่อร้องขอทำงานนี้
													</p>
												</div>
											</div>
										</s:else>
									</div>
									<hr class="lineLines mt15">
									<div class="row mt05 mb15">
										<div class="col-md-12">
											<div class="row mb05">
												<div class="col-md-12 mb05">
													<span class="font4 label label-info "><b>ภาพประกอบรายละเอียดของงาน</b></span>
												</div>
											</div>
											<div class="row">
												<s:iterator value="model.jobDetail.job.listPicture">
													<div class="col-md-2  col-sm-4 col-xs-6">
														<a
															href="file/images/job/<s:property value="model.jobDetail.job.jobID"/>/<s:property value="pictureLocation"/>"
															class="image-link" title="Zoom"><img
															src="file/images/job/<s:property value="model.jobDetail.job.jobID"/>/<s:property value="pictureLocation"/>"
															class="img-responsive img-rounded" alt="clients"></a>
													</div>
												</s:iterator>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>


					<div class="col-md-3">
						<div class="row mb05">
							<div class="col-md-12">
								<div class="boxFocus color1">
									<div>
										<s:if test='model.authorizeJob.statusAuthorizeJob.equals("R")'>
											<div class="textCenter mb05">
												<b>คุณได้ทำการร้องของานนี้แล้ว <br>กรุณารอผลอนุมัติจากผู้ว่าจ้าง
												</b>
											</div>
											<div class="textCenter mt05">
												<button type="button"
													class="btn btn-labeled btn-success font4"
													data-toggle="modal" data-target="#btnRequestJob"
													disabled="disabled">
													<span class="btn-label"><i
														class="glyphicon glyphicon-time"></i></span>กำลังร้องทำการขอ
												</button>
											</div>
											<div class="textCenter mt05">
												<button type="button"
													class="btn btn-labeled btn-warning font4"
													data-toggle="modal"
													data-target="#btnCancelRequestJob<s:property value="#i.index"/>">
													<span class="btn-label"><i class="icon-cancel"></i></span>ยกเลิกการร้องขอ&nbsp;&nbsp;
												</button>
												<s:include value="modalCancelRequestJob.jsp"></s:include>


											</div>
										</s:if>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("A")'>
											<div class="textCenter mb05">
												<b>คุณได้รับการอนุมัติทำงานนี้ <br>กดปุ่มยืนยันเพื่อยืนยันการทำงานนี้
												</b>
											</div>
											<div class="textCenter mt05">
												<button type="button"
													class="btn btn-labeled btn-success font4"
													data-toggle="modal"
													data-target="#btnConfirm<s:property value="#i.index"/><s:property value="user.idCard"/>">
													<span class="btn-label"><i class="icon-check"></i></span>ยืนยันการทำงานนี้&nbsp;
												</button>
											</div>
											<s:include value="modalConfirmRequestJob.jsp"></s:include>
											<div class="textCenter mt05">
												<button type="button"
													class="btn btn-labeled btn-danger font4"
													data-toggle="modal"
													data-target="#btnNotConfirm<s:property value="#i.index"/><s:property value="user.idCard"/>">
													<span class="btn-label"><i class="icon-cancel"></i></span>ยกเลิกการทำงานนี้&nbsp;
												</button>
											</div>
											<s:include value="modalNotConfirmedRequestJob.jsp"></s:include>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("D")'>
											<div class="textCenter mb05">
												<b>คุณไม่ได้รับการอนุมัติทำงานนี้ </b>
											</div>
											<div class="textCenter mt05">
												<s:form action="deleteDisApprovedThisJob" theme="css_xhtml">
													<input type="hidden" name="model.postJobId"
														value="<s:property value="model.postJobId" />" />
													<input type="hidden" name="model.actionTo"
														value="<s:property value="jobDetail" />" />
													<button type="submit"
														class="btn btn-labeled btn-danger font4">
														<span class="btn-label"><i
															class="glyphicon glyphicon-trash font5"></i></span>ลบการร้องขอ&nbsp;
													</button>
												</s:form>
											</div>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("W")'>
											<div class="textCenter mb05">
												<b>คุณได้ยืนยันรับทำงานนี้แล้ว <br>ถ้าหากทำงานนี้เสร็จ<br>กรุณากดรับการประเมินจากผู้ว่าจ้าง
												</b>
											</div>
											<div class="textCenter mt05">
												<button type="button"
													class="btn btn-labeled btn-success font4"
													data-toggle="modal"
													data-target="#btnWorked<s:property value="#i.index"/><s:property value="user.idCard"/>">
													<span class="btn-label"><i class="icon-check"></i></span>รับการประเมินงานนี้
												</button>
											</div>
											<s:include value="modalWorkedRequestJob.jsp"></s:include>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("E")'>
											<div class="textCenter mb05">
												<b>กรุณารอผลการประเมินจากผู้ว่าจ้าง </b>
											</div>
											<div class="textCenter mb05">
												<button type="button" class="btn btn-labeled btn-info font4"
													data-toggle="modal" data-target="#btnRequestJob"
													disabled="disabled">
													<span class="btn-label"><i
														class="glyphicon glyphicon-time"></i></span>กรุณารอผลการประเมิน
												</button>
											</div>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("S")'>
											<div class="textCenter mb05">
												<b>คุณได้ทำงานนี้เสร็จเรียบร้อยแล้ว </b>
											</div>
											<div class="textCenter mb05">
												<span class="btn btn-labeled btn-info font4"
													data-toggle="modal" data-target="#btnRequestJob"> <span
													class="btn-label"><i class="icon-thumbs-up"></i></span>ทำงานนี้เสร็จเรียบร้อยแล้ว
												</span>
											</div>
										</s:elseif>
										<s:elseif
											test='model.authorizeJob.statusAuthorizeJob.equals("P")'>
											<div class="textCenter mb05">
												<b>ต้องการทำการแก้ไขงาน ?</b>
											</div>
											<div class="textCenter">
												<button type="button"
													class="btn btn-labeled btn-success font4">
													<span class="btn-label"><i class="icon-edit"></i></span>กดปุ่มเพื่อแก้ไขงาน
												</button>
											</div>
											<div class="textCenter mt05">
												<button type="button"
													class="btn btn-labeled btn-danger font4">
													<span class="btn-label"><i class="icon-cancel"></i></span>ยกเลิกประกาศงาน&nbsp;
												</button>
											</div>
										</s:elseif>
										<s:else>
											<div class="textCenter mb05">
												<b>สนใจรับทำงานนี้ ?</b>
											</div>
											<div class="textCenter mb05">
												<button type="button"
													class="btn btn-labeled btn-success font4 textCenter"
													data-toggle="modal" data-target="#btnRequestJob">
													<span class="btn-label"><i
														class="glyphicon glyphicon-bell"></i></span>กดปุ่มเพื่อร้องของาน
												</button>
											</div>

											<input type="hidden" name="model.postJobId"
												value="<s:property value="model.postJobId" />" />
											<s:include value="modalRequestJobPage.jsp"></s:include>

										</s:else>

									</div>
									<div class="textCenter mt05">
										<!-- Go to www.addthis.com/dashboard to customize your tools -->
										<script type="text/javascript"
											src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-546226361c58c9f3"
											async="async"></script>
										<!-- Go to www.addthis.com/dashboard to customize your tools -->
										<div class="addthis_sharing_toolbox"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="row mt15">
							<div class="col-md-12">
								<span class="font4 textColorBlack"><b>ค้นหางานตามหมวดหมู่งาน</b></span>
							</div>
						</div>
						<div class="row mt05">
							<div class="col-md-12">
								<s:iterator value="model.listCategoryJob">
									<div class="row">
										<div class="col-md-12 col-xs-6 col-sm-6 mt05"
											style="margin-left: 1em;">
											<div class="media">
												<a class="pull-left"
													href="searchJobByCategory?model.searchForm.aptitudeType=%{aptitudeTypeID}"><img
													class="img-circle img-responsive"
													src="<s:property value="image_icon"/>" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<s:a
														href="searchJobByCategory?model.searchForm.aptitudeType=%{aptitudeTypeID}"
														encode="true" method="post">
														<span class="font5"><b><s:property
																	value="aptitudeTypeName" /></b></span>
													</s:a>
													<br> <span class="font5">งานที่มีทั้งหมด <s:property
															value="countSumJob" /> งาน
													</span>
												</div>
											</div>
										</div>
									</div>
								</s:iterator>
							</div>
						</div>
						<div class="row mt15 mb05">
							<div class="col-md-12">
								<hr class="lineLines">
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<span class="font4 textColorBlack"><b>งานใหม่ล่าสุด</b></span>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<ul class="list-unstyled iconList borderList">
									<s:iterator value="model.listLastJob">
										<li><a href="#" class=""><s:property
													value="job.jobName" /></a></li>
									</s:iterator>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Content -->
		<jsp:include page="core/templates/footer.jsp" />
	</div>
</body>
</html>